const path = require("path");

var HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
    mode:"development",
    devtool:"source-map",
    // watch:true,
    entry:"./src/index.js",
    output:{
        filename:"bundle.js",
        path: path.resolve(__dirname,"./build"),
        publicPath:"/abc/"  // vue  打包   部署还是使用/   ,,,如果只是想本地看，，使用./
    },
    module:{
        rules:[
            {
                test:/\.jsx?$/i, // ignore
                // use:[
                //     {
                //         loader:"babel-loader",
                //         options:{
                //             presets:""
                //         }
                //     }
                // ],
                use:"babel-loader"


            }
        ]
    },
    plugins:[
        new HtmlWebpackPlugin({
            template:"./index.html"
        })
    ],
    devServer:{
        hot:true, // hot module replacement   ==> 热更新需要指定模块
        devMiddleware:{
            publicPath: "/abc" // 访问前缀 ==》 context-path
        }

    }
}
